<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page import="java.text.DecimalFormat" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title>肯德鸭-购物车</title>

<!--
<link href="newmodel/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<script src="newmodel/js/jquery.min.js"></script>
<link href="newmodel/css/style.css" rel="stylesheet" type="text/css" media="all" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="newmodel/css/memenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="newmodel/js/memenu.js"></script>
<script>$(document).ready(function(){$(".memenu").memenu();});</script>
<script src="newmodel/js/simpleCart.min.js"> </script>
-->

<link href="cart/css/public.css" type="text/css" rel="stylesheet"/>
<link rel="stylesheet" type="text/css" href="cart/css/base.css"/>
<script type="text/javascript" src="cart/js/jquery_cart.js"></script>  
<link rel="stylesheet" type="text/css" href="cart/css/checkOut.css" />

<script src="newjs/jquery-1.8.2.min.js"></script>
<script src="newjs/common.js"></script>
<script src="newjs/jquery.easing.1.3.js"></script>
<script src="newjs/ddsmoothmenu.js"></script>
<script src="newjs/jquery.flexslider.js"></script>
<script src="newjs/jquery.elastislide.js"></script>
<script src="newjs/jquery.jcarousel.min.js"></script>
<script src="newjs/jquery.accordion.js"></script>
<script src="newjs/light_box.js"></script>
<script type="text/javascript">$(document).ready(function(){$(".inline").colorbox({inline:true, width:"50%"});});</script>
<!--end js-->

<!-- Mobile Specific Metas ================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- CSS ================================================== -->

<link rel="stylesheet" href="newcss/style.css">
<link rel="stylesheet" href="newcss/orange.css">
<link rel="stylesheet" href="newcss/skeleton.css">
<link rel="stylesheet" href="newcss/layout.css">
<link rel="stylesheet" href="newcss/ddsmoothmenu.css"/>
<link rel="stylesheet" href="newcss/elastislide.css"/>
<link rel="stylesheet" href="newcss/home_flexslider.css"/>

<link rel="stylesheet" href="newcss/light_box.css"/>
<script src="newjs/html5.js"></script>

</head>
<body>
	<div class="mainContainer sixteen container">
            <!--Header Block-->
            <div class="header-wrapper">
              <header class="container">
                <h1 class="logo"><a href="#" title="Logo">
                  <img title="Logo" alt="Logo" src="images/kendeya.jpg" />
                  </a></h1>
                <nav id="smoothmenu1" class="ddsmoothmenu mainMenu">
                  <ul id="nav">
                    <li class=""><a href="NewShowDish" title="Shop by">菜品浏览</a></li>
                    <li class="active"><a href="#" title="About us">显示购物车</a></li>
                    <li class=""><a href="https://gitee.com/cugblx/JAVAEE" title="Faq">使用帮助</a></li>
                    <li class=""><a href="feedback.jsp" title="About us">意见反馈</a></li>
                    <li class=""><a href="index.jsp" title="Pages">退出登录</a></li>
                  </ul>
                </nav>
                
                <div class="mobMenu">
          
              </header>
            </div>
<!--Content Block-->
            <div class="checkout-box-ft">
                <div id="checkoutGoodsList" class="checkout-goods-box">
                    <div class="xm-box">
                    	<div class="box-hd">
                        	<h2 class="title">确认订单信息</h2>
                    	</div>
                    	<div class="box-bd">
                        	<dl class="checkout-goods-list">
                            	<dt class="clearfix">
                                	<span >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;商品名称&nbsp;</span>
                               	 	<span >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               	 		   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               	 		   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               	 		   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               	 		   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               	 		   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               	 		   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               	 		   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               	 		   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               	 		   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               	 		   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               	 		   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               	 		   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               	 		   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               	 		   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               	 		   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               	 		      购买价格</span>
                                	<span >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;购买数量</span>
                                	<span >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;小计（元）</span>
                            	</dt>
                            	<c:forEach var="cartitem" items="${sessionScope.cart}">
                                <dd class="item clearfix">
                                	<div class="item-row">
                                    	<div class="col col-1">
                                    	    <div class="g-pic">
                                        	    <img src="${cartitem.value.dish.img}" width="40" height="40" />
                                        	</div>
                                       	 	<div class="g-info">
                                        		<a href="#">${cartitem.value.dish.dishname}</a>
                                        	</div>
                                    	</div>
                                    	<div class="col col-2">${cartitem.value.dish.price}元</div>
                                    	<div class="col col-3">${cartitem.value.quantity}</div>
                                    	<div class="col col-4">${cartitem.value.dish.price*cartitem.value.quantity}元</div>
                                    	
                                	</div>
                            	</dd>
                            	<c:set var="sumPrice2" value="${sessionScope.sumPrice}" scope="request"></c:set>
		  						</c:forEach>
                         	</dl>
                         </div>
                      </div>
                  </div>
               </div>
<section class="content-wrapper">
	<div class="content-container container">
		<div class="col-1-layout">

			<div class="show-option-block"></div>
			<div class="update-shopping-cart"></div>
			<div class="shopping-cart-collaterals">

			</div>
			<div class="shopping-cart-totals">
				<div class="subtotal-row"><div class="left">合计：</div><div class="right">${requestScope.sumPrice2}元</div></div>
				<div class="grand-row"><div class="left">需支付：</div><div class="right">${requestScope.sumPrice2}元</div></div>
				<ul class="checkout-types">
					<li><a href="pay.jsp"><input type="button" name="test" class="orange-btn" value="确认订单"/></a></li>
				</ul>
			</div>

		</div>
		<div class="clearfix"></div>
		<div class="news-letter-container">
			<div class="free-shipping-block">
				<h1>免费送餐</h1>
				<p>肯德鸭宅急送</p>
			</div>
		</div>	
	</div>
</section>
</div>
    <!--Quick view Block-->
<script type="text/javascript">
jQuery (function(){
	var tabContainers=jQuery('div.tabs > div');
	tabContainers.hide().filter(':first').show();
	jQuery('div.tabs ul.tabNavigation a').click(function(){
		tabContainers.hide();
		tabContainers.filter(this.hash).show();
		jQuery('div.tabs ul.tabNavigation a').removeClass('selected');
		jQuery(this).addClass('selected');
		return false;
		}).filter(':first').click();
	});
</script>

<!--Footer Block-->
<section class="footer-wrapper">
              <footer class="container">
                <div class="footer-bottom-block">
                  <p class="copyright-block">Copyright &copy; 2018.CUGB all rights reserved.</p>
                </div>
              </footer>
            </section>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>